import { useState } from 'react';
import { useNavigate } from 'react-router-dom';
import {  NavBar } from 'antd-mobile';

function Index() {
  const nav = useNavigate();
  const [isAgreed, setIsAgreed] = useState(false);

  const handleBack = () => {
    nav(-1);
  };

  // const handleMoreOptions = () => {
  //   console.log('更多选项');
  // };

  // const handleTarget = () => {
  //   console.log('目标功能');
  // };

  const handleAgree = () => {
    setIsAgreed(true);
    console.log('用户已阅读并同意须知');
    // 这里可以跳转到下一个页面或执行其他操作
    nav('/yuan');
  };

  return (
    <div style={{ width: '100vw', minHeight: '100vh', background: '#fff' }}>
      {/* 顶部导航栏 */}
      <NavBar
        onBack={handleBack}
        right={
    <div>
           
          </div>
        }
      >
        入院须知
      </NavBar>

      {/* 内容区域 */}
      <div style={{ 
        padding: '16px',
        paddingBottom: '100px',
        lineHeight: '1.6'
      }}>
        <h2>入院须知</h2>
        {/* 开头问候 */}
        <div style={{
         
        }}>
          病员朋友，您好！
        </div>

        <div style={{
         
        }}>
         &emsp; &emsp; 欢迎您住进我病区接受疾病检查、诊断和治疗，您的康复是我们的真诚愿望。为了维护良好的医疗环境，确保您住院期间的医疗护理安全，更好的为您提供医疗护理服务。现将入院后注意事项介绍如下，敬请您了解并积极配合。
        </div>

        {/* 一、环境须知 */}
        <div style={{ marginBottom: '24px' }}>
          <div style={{
            fontSize: '16px',
           
            color: '#333',
            marginBottom: '12px'
          }}>
            一、环境须知
          </div>

          <div style={{ marginBottom: '16px' }}>
            <div style={{
              fontSize: '15px',
              fontWeight: 500,
              color: '#333',
              marginBottom: '8px'
            }}>
              1、病区
            </div>
            <div style={{
              fontSize: '14px',
              color: '#666',
              marginLeft: '16px',
              lineHeight: '1.8'
            }}>
              医生、护士办公室，配餐间、标本放置处、意见箱及意见本，方便盒、健康宣传栏、费用清单摆放处。
            </div>
          </div>

          <div style={{ marginBottom: '16px' }}>
            <div style={{
              fontSize: '15px',
              fontWeight: 500,
              color: '#333',
              marginBottom: '8px'
            }}>
              2、病室
            </div>
            <div style={{
              fontSize: '14px',
              color: '#666',
              marginLeft: '16px',
              lineHeight: '1.8'
            }}>
              设施有传呼铃、床头柜、水瓶、方凳、衣物柜、陪护椅、晒衣架、病房内有卫生间及纸篓。
            </div>
          </div>

          <div style={{ marginBottom: '16px' }}>
            <div style={{
              fontSize: '15px',
              fontWeight: 500,
              color: '#333',
              marginBottom: '8px'
            }}>
              3、检查
            </div>
            <div style={{
              fontSize: '14px',
              color: '#666',
              marginLeft: '16px',
              lineHeight: '1.8'
            }}>
              放射科--门诊二楼，内窥镜--门诊三楼，心电图、心肺功能、B超--门诊四楼。
            </div>
          </div>
        </div>

        {/* 二、工作人员及其职责须知 */}
        <div style={{ marginBottom: '24px' }}>
          <div style={{
            fontSize: '16px',
           
            color: '#333',
            marginBottom: '12px'
          }}>
            二、工作人员及其职责须知
          </div>

          <div style={{ marginBottom: '16px' }}>
            <div style={{
              fontSize: '15px',
              fontWeight: 500,
              color: '#333',
              marginBottom: '8px'
            }}>
              1、主治医生及上级医生
            </div>
            <div style={{
              fontSize: '14px',
              color: '#666',
              marginLeft: '16px',
              lineHeight: '1.8'
            }}>
              负责您的诊断、治疗方案的制定与实施，需了解疾病情况请与医生联系。
            </div>
          </div>

          <div style={{ marginBottom: '16px' }}>
            <div style={{
              fontSize: '15px',
              fontWeight: 500,
              color: '#333',
              marginBottom: '8px'
            }}>
              2、责任护士
            </div>
            <div style={{
              fontSize: '14px',
              color: '#666',
              marginLeft: '16px',
              lineHeight: '1.8'
            }}>
              挂在您病房门口的护士名字，是您管床的责任护理组长和管床护士，负责您的治疗和护理工作，随时为您提供护理服务。
            </div>
          </div>

          <div style={{ marginBottom: '16px' }}>
            <div style={{
              fontSize: '15px',
              fontWeight: 500,
              color: '#333',
              marginBottom: '8px'
            }}>
              3、护士长
            </div>
            <div style={{
              fontSize: '14px',
              color: '#666',
              marginLeft: '16px',
              lineHeight: '1.8'
            }}>
              负责病区管理工作，您有什么意见和建议都可以找护士长，也可以书面留言。
            </div>
          </div>

          <div style={{ marginBottom: '16px' }}>
            <div style={{
              fontSize: '15px',
              fontWeight: 500,
              color: '#333',
              marginBottom: '8px'
            }}>
              4、保洁员
            </div>
            <div style={{
              fontSize: '14px',
              color: '#666',
              marginLeft: '16px',
              lineHeight: '1.8'
            }}>
              负责病区保洁，协助开饭。
            </div>
          </div>
        </div>

        {/* 三、护理工作、饮食安排须知 */}
        <div style={{ marginBottom: '24px' }}>
          <div style={{
            fontSize: '16px',
           
            color: '#333',
            marginBottom: '12px'
          }}>
            三、护理工作、饮食安排须知
          </div>

          <div style={{ marginBottom: '16px' }}>
            <div style={{
              fontSize: '14px',
              color: '#666',
              marginLeft: '16px',
              lineHeight: '1.8'
            }}>
              1、每天上午8:00至11:30，下午2:00至5:00是医生查房和护士治疗时间，请您勿离开病房。
            </div>
          </div>
             
          <div style={{ marginBottom: '16px' }}>
            <div style={{
              fontSize: '14px',
              color: '#666',
              marginLeft: '16px',
              lineHeight: '1.8'
            }}>
              2、一般口服药发服时间：早晨8:00，中午12:00，下午5:00，晚上8:00。特殊药物应按护士交待的时间和要求服用，不得随意更改。
            </div>
          </div>

          <div style={{ marginBottom: '16px' }}>
            <div style={{
              fontSize: '14px',
              color: '#666',
              marginLeft: '16px',
              lineHeight: '1.8'
            }}>
              3、医院实行包伙用餐：标准每日14元。每天下午配餐员到床头预定次日菜谱，若有特殊要求可直接向配餐员提出。开饭时间：早餐：7:00，午餐11:30，晚餐17:00，餐车经过每个房间门口，按床号开饭，请不要围车。病区配餐间免费提供微波炉，请自觉遵守微波炉使用规定，不得加工生食。
            </div>
          </div>

          <div style={{ marginBottom: '16px' }}>
            <div style={{
              fontSize: '14px',
              color: '#666',
              marginLeft: '16px',
              lineHeight: '1.8'
            }}>
              4、床单被套每两周更换一次，有特殊情况随时更换。请您保持个人卫生清洁，定时修剪指甲，剃胡须理发。
            </div>
          </div>
        </div>

        {/* 四、病区管理制度须知 */}
        <div style={{ marginBottom: '24px' }}>
          <div style={{
            fontSize: '16px',
           
            color: '#333',
            marginBottom: '12px'
          }}>
            四、病区管理制度须知
          </div>

          <div style={{ marginBottom: '16px' }}>
            <div style={{
              fontSize: '14px',
              color: '#666',
              marginLeft: '16px',
              lineHeight: '1.8'
            }}>
              1、病人入院只需携带必需生活用品，如拖鞋、洗漱用品、卫生用品及换洗衣服等，其他用品不必带入。
            </div>
          </div>

          <div style={{ marginBottom: '16px' }}>
            <div style={{
              fontSize: '14px',
              color: '#666',
              marginLeft: '16px',
              lineHeight: '1.8'
            }}>
              2、病人入院必须交纳预交款，使用情况在住院楼一楼有费用查询机，病区走廊挂有费用清单，可随时查询，以免影响您的治疗过程。医保病人，以病人住院期间实际产生费用为准。
            </div>
          </div>

          <div style={{ marginBottom: '16px' }}>
            <div style={{
              fontSize: '14px',
              color: '#666',
              marginLeft: '16px',
              lineHeight: '1.8'
            }}>
              3、病人、陪护及探视者要保持病房内外环境整洁与安静，不得随地吐痰，不乱丢杂物，不乱洒水，不大声喧哗，不在洗漱池洗便器和痰盂。
            </div>
          </div>
          

          <div style={{ marginBottom: '16px' }}>
            <div style={{
              fontSize: '14px',
              color: '#666',
              marginLeft: '16px',
              lineHeight: '1.8'
            }}>
              4、严禁在病区内喝酒、吸烟、使用电器等，请节约水电。
            </div>
          </div>
          <div style={{ marginBottom: '16px' }}>
            <div style={{
              fontSize: '14px',
              color: '#666',
              marginLeft: '16px',
              lineHeight: '1.8'
            }}>
              5、根据病情医嘱留陪护，每位病人限留一人。查房期间（8:00~10:30）陪护离开病房，陪护不得睡在病床上或打地铺，自觉遵守陪护管理制度。
            </div>
          </div>
          

          <div style={{ marginBottom: '16px' }}>
            <div style={{
              fontSize: '14px',
              color: '#666',
              marginLeft: '16px',
              lineHeight: '1.8'
            }}>
              6、探视时间每天上午10:30~12:30,下午3:00~7:00。
            </div>
          </div>

          <div style={{ marginBottom: '16px' }}>
            <div style={{
              fontSize: '14px',
              color: '#666',
              marginLeft: '16px',
              lineHeight: '1.8'
            }}>
              7、禁止翻阅一切病案资料,禁止进入治疗室。
            </div>
          </div>

          <div style={{ marginBottom: '16px' }}>
            <div style={{
              fontSize: '14px',
              color: '#666',
              marginLeft: '16px',
              lineHeight: '1.8'
            }}>
              8、病人、家属及陪护应爱护各种医疗设备,如有损坏照价赔偿。
            </div>
          </div>
        </div>

        {/* 五、安全须知 */}
        <div style={{ marginBottom: '24px' }}>
          <div style={{
            fontSize: '16px',
            
            color: '#333',
            marginBottom: '12px'
          }}>
            五、安全须知
          </div>

          <div style={{ marginBottom: '16px' }}>
            <div style={{
              fontSize: '14px',
              color: '#666',
              marginLeft: '16px',
              lineHeight: '1.8'
            }}>
              1、如果入院前您正在服用某些药物,入院后，及时告诉您的管床医生，以决定是否继续服用。
            </div>
          </div>

          <div style={{ marginBottom: '16px' }}>
            <div style={{
              fontSize: '14px',
              color: '#666',
              marginLeft: '16px',
              lineHeight: '1.8'
            }}>
              2、病房是公共场所,请妥善保管好自己的钱和贵重物品,以免招致损失，在任何情况下都不要委托自己不熟悉的人员代为缴费、取药等事项，不要轻易相信他人，以免上当受骗。发现可疑人员在病区徘徊逗留，请及时告知医护人员，由院保卫科到场调查，若损失较大，可直接报警。
            </div>
          </div>

          <div style={{ marginBottom: '16px' }}>
            <div style={{
              fontSize: '14px',
              color: '#666',
              marginLeft: '16px',
              lineHeight: '1.8'
            }}>
              3、住院期间在病房以外不要穿拖鞋行走,以免摔倒或摔伤。每年5月~10月,每天18:00~22:00,11月~次年4月，每天14:00~19:00提供热水洗澡，不要穿泡沫底鞋或硬底鞋，以免滑倒。家属不得在病房内洗澡，勿将杂物丢进下水道，以免阻塞。
            </div>
          </div>

          <div style={{ marginBottom: '16px' }}>
            <div style={{
              fontSize: '14px',
              color: '#666',
              marginLeft: '16px',
              lineHeight: '1.8'
            }}>
              4、输液时,请勿离开病房到处走动，输液滴速由护士调节好后切勿私自变动，以免发生不良后果。
            </div>
          </div>

          <div style={{ marginBottom: '16px' }}>
            <div style={{
              fontSize: '14px',
              color: '#666',
              marginLeft: '16px',
              lineHeight: '1.8'
            }}>
              5、特殊检查或治疗后应注意:卧床休息，起床动作宜缓慢，如有不适及时告知。
            </div>
          </div>

          <div style={{ marginBottom: '16px' }}>
            <div style={{
              fontSize: '14px',
              color: '#666',
              marginLeft: '16px',
              lineHeight: '1.8'
            }}>
              6、病房内氧气等医疗设备请勿随意拨弄,以免发生意外。
            </div>
          </div>
        </div>
      </div>

      {/* 底部确认按钮 */}
      <div style={{
        position: 'fixed',
        bottom: 0,
        left: 0,
        right: 0,
        padding: '16px',
        background: '#fff',
        borderTop: '1px solid #f0f0f0'
      }}>
        <button
          onClick={handleAgree}
          style={{
            width: '100%',
            background: '#1677ff',
            color: '#fff',
            border: 'none',
            borderRadius: '8px',
            padding: '16px',
            fontSize: '16px',
            fontWeight: 600,
            cursor: 'pointer'
          }}
        >
          我已阅读并同意须知
        </button>
      </div>
    </div>
  );
}

export default Index;
